<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
        <title>Untitled Document</title>
        <script type="text/javascript">
                                   djConfig = {
                                        isDebug:true,
                                        debugAtAllCosts:false,
                                        modulePaths:{medryx:"../../medryx"},
                                        usePlainJson:true,
                                        parseOnLoad:true
                                    }
                                
                    
        </script>
        <script type="text/javascript" src="../../../../dojotoolkit/dojo/dojo.js">
        </script>
        <script type="text/javascript">
                                    dojo.require("medryx.widgets._GridPlugins._AutoFilterTooltip");
									
                                    dojo.addOnLoad(function() {
										var clickNum = 0;
										var tooltip = new medryx.widgets._GridPlugins._AutoFilterTooltip({column:"Test Column"});
                                        dojo.connect(dojo.byId("show"), "onclick", function(e) {
                                            
                                            var values = ["FIRST", "SECOND", "THIRD"];
											if (clickNum++ > 1) {
												values = ["SECOND", "THIRD"];
											}
											tooltip.show(e.pageX, e.pageY, values);
                                        });
                                    })
                                
                    
        </script>
		<link rel="stylesheet" type="text/css" href="../../../../dojotoolkit/dijit/themes/tundra/tundra.css" />
        <style>
            body {
                font-size: 1.0em; /*16 px -- or should i use px?*/
                font-family: Verdana, Verdana, Geneva, sans-serif;
            }
            
            .dj_ie body {
                font-size: 100%; /*16 px -- or should i use px?*/
            }
            
            .dj_ie table {
                font-size: 100%;
            }
            
            H1 {
                font-size: 1.6em;
                font-weight: bold;
            } /*npt bold by default as all other h* are!*/
            H2 {
                font-size: 1.4em
            }
            
            H3 {
                font-size: 1.2em
            }
            
            H4 {
                font-size: 1.1em
            }
            
            H5 {
                font-size: 1.0em;
            }
            
            H6 {
                font-size: 1.0em;
                text-decoration: underline;
                font-weight: normal;
            }
            
            INPUT, SELECT, TH, TD {
                font-size: 1em
            }
            
            .dj_ie input, select, th, td {
                font-size: 100%
            } /*ie doesn't like em on these*/
        </style>
    </head>
    <body class="tundra">
        <input type="button" value="show tooltip" id="show">Show</input>
    </body>
</html>
